body{
    width: 100%;
    height: 20rem;
}
.header{
    width: 10rem;
    height: 2rem;
    background: #1d67ff;
    float: left;
    position: fixed;
    left: 0;
    top:0;
    z-index: 10;
}
.header_img{
    width: 1.27rem;
    height: 0.7333rem;
    border-right: 1px solid #fff;
    float: left;
    margin-top: 0.866rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_img img{
    width: 0.533rem;
    height: 0.533rem;
}
.header_span{
    width: 2.733rem;
    height: 0.7333rem;
    float: left;
    margin-top: 0.866rem;
    line-height:0.7333rem ;
    text-align: center;
}
.header_span span{
    color: #d3e1ff;
    font-size: 0.533rem;
}
/* 轮播 */
.lunbo{
    width: 10rem;
    height: 4.666rem;
    position: relative;
    margin-top:2rem;
}
.lunbo img{
    width: 10rem;
    height: 4.666rem;
}
.lb{
    width: 9.133rem;
    height: 4.666rem;
    position: absolute;
    top:0;
    left: 0.533rem;
    border-radius: 0.35rem;

}
.swiper-pagination-bullet-active {
    background:#fa0034;
 }
.swiper-container {
    width: 100%;
    height: 100%;
    border-radius: 0.4rem;
  }
  .swiper-slide img{
    width: 9.133rem;
    height: 4.666rem;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-slide {
      border-radius: 0.133rem;
  }

/* 商城 */
.gg{
    width: 9.11rem;
    height: 1.19rem;
    margin: 1.51rem auto 0rem;
    font-size: 0.46rem;
    display: flex;
  }
  .gg_sc{
    width: 1.39rem;
    height: 1.12rem;
    padding: 0.07rem 0 0 0.11rem;
    border-right: 1px solid #c3c3c3;
  }
  .gg_gongg{
    width: 1.04rem;
    height: 0.46rem;
    margin-top: 0.16rem;
    background: #f74f1a;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.46rem;
    font-size: 0.33rem;
    color: #ffffff;
  }
  .gg_tbquan{
    width: 1.34rem;
    height: 1.19rem;
  }
  .gg_y{
    width: 0.94rem;
    height: 0.38rem;
    color: #f23800;
    border: 1px solid #f74f1a;
    margin: 0.07rem auto 0rem;
    border-radius: 0.1rem;
    font-size: 0.31rem;
    text-align: center;
    line-height: 0.38rem;
  } 
  .gg_e{
    width: 0.94rem;
    height: 0.38rem;
    color: #f23800;
    border: 1px solid #f74f1a;
    margin: 0.2rem auto 0rem;
    border-radius: 0.1rem;
    font-size: 0.31rem;
    text-align: center;
    line-height: 0.38rem;
  } 
  .gg_data{
    width: 6.3rem;
    height: 1.19rem;
  }
  @keyframes remindMessage {
    0% {
      -webkit-transform: translateX(90%);
    }
   
    100% {
      -webkit-transform: translateX(-180%);
    }
  }
   
  .tongzhitext {
    line-height: 0.59rem;
    margin-left: 0.14rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
   
  .tongzhi-text {
    font-size: 0.38rem;
    animation: remindMessage 15s linear infinite;
    width: 100%;
    color: #b1b1b1;
    display: block;
  }
/* main */
.main{
    width: 9.1333rem;
    height: 2rem;
    margin-left: 0.533rem;
    display: flex;
    justify-content: space-between;
}
.main_item{
    width: 1.5rem;
    height: 2rem;
}
.item_tu{
    width: 1.333rem;
    height: 1.33rem;
}
.item_tu img{
    width: 1.333rem;
    height: 1.33rem;
}
.item_p{
    width: 1.5rem;
    height: 0.6rem;
    text-align: center;
    font-size: 0.333rem;
    color: #686868;
    line-height: 0.7rem;
}
/* 灰色 */
.hui{
    width: 2rem;
    height: 0.133rem;
    background: #f8f9fe;
    margin-top: 0.333rem;
    margin-bottom: 0.466rem;
}
.rm{
    width: 9.1333rem;
    height: 0.4rem;
    margin-left: 0.533rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}
.rm_l{
    width: 1.866rem;
    height: 0.4rem;
    color: #383838;
    font-size: 0.333;
    line-height: 0.4rem;
    display: flex;
    justify-content: space-between;
}
.rm_h{
    width: 0.133rem;
    height: 0.4rem;
    background: #1d67ff;
    border-radius: 0.133rem;
    margin-left:0.133rem ;
}

.rm_r{
    width: 4.53rem;
    height: 0.4rem;
    color: #c7c7c7;
    font-size: 0.306rem;
    line-height:0.4rem ;  
    text-align: right;  
}
.rm_r img{
    width: 0.16rem;
    height: 0.16rem;
}
/* 图片 */
.tupian{
    width: 9.1333rem;
    height: 2.666rem;
    margin-left: 0.533rem;
    margin-bottom: 0.266rem;
}
.tupian img{
    width: 9.1333rem;
    height: 2.666rem;
}


